.title{
  font-size: 30px;
  color: #666;
  text-align: center;
  margin-top: 10%;
  //position: absolute;
  //left: 50%;
  //top: 50%;
  //transform: translate(-50%, -50%);
}

.loading{
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #667db6, #0082c8, #0082c8, #667db6);
    background: linear-gradient(to right, #2c3e50, #4ca1af);
    
    text-align: center;
    color: #fff;
    padding-top: 18vh;
   
}
.mainTxt{
    font-size: 3rem;
    margin-bottom: 4rem;
    color: #eee;
}

.shineTxt{
    font-size: 4rem;
    font-weight: bold;
    display: inline-block;
    background: -webkit-linear-gradient(90deg, #111, #ccc) 0 0 no-repeat;
    -webkit-background-size: 1em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.4);
    -webkit-animation: slideShine 1.6s infinite;
}

@keyframes slideShine {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 70%;
    }
}